.box{
  background-color: #f7f8fa;
  height: 100vh;;
  // 地址
  .box1{
    
  }
  // 宠物信息
  .box2{
    width: 95%;
    margin: 20rpx auto 0;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20rpx;
    border-radius: 35rpx;
    .box211{
      display: flex;
      .box21-1{
        width: 20%;
      }
      .box21-2{
        width: 80%;
        text-align: right;
      }
    }
  }
  // 
  .box3{
    width: 95%;
    margin: 20rpx auto 0;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20rpx;
    border-radius: 35rpx;
    .box31 {
      display: flex;
      justify-content: space-between;
      bxo-sizing: border-bxo;
      .bxo1left {
        width: 20%;
        bxo-sizing: border-bxo;
    
        image {
          width: 100%;
          height: 140rpx;
        }
      }
    
      .bxo1right {
        width: 78%;
        font-size: 30rpx;
        .bxo1right1 {
          width: 100%;
          margin-bottom: 60rpx;
        }
    
        .bxo1right2 {
          width: 100%;
          color: #d3453b;
          font-size: 28rpx;
        }
      }
    }
  }
  // 
  .box4{
    width: 95%;
    margin: 20rpx auto 0;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20rpx;
    border-radius: 35rpx;
    .box11{
      .box11-1{
        margin: 10rpx 0 30rpx;
      }
      .box11-2{
        padding: 20rpx;
        box-sizing: border-box;
        border-radius: 35rpx;
        height: 200rpx;
      }
    }
  }
  //
  .box5{
    background-color: #fff;
    padding: 20rpx 0 40rpx;
    box-sizing: border-box;
    width: 100%;
    position: fixed;
    bottom: 0;
    .box51{
      width: 40%;
      float: right;
      margin-right: 20rpx;
      .but{
        background-color: #008c8c;
        border: #008c8c;
        color: #fff;
        border-radius: 50rpx;
        font-size: 28rpx;
      }
    }
  }
}
